<template>
	<a-card style="width: 100%" :bordered="false" :tab-list="tabListNoTitle" :active-tab-key="noTitleKey" @tabChange="(key) => onTabChange(key, 'noTitleKey')">
		<p v-if="noTitleKey === 'sysConfig'">
			<SysConfig />
		</p>
		<p v-else-if="noTitleKey === 'otherConfig'">
			<other-config />
		</p>
	</a-card>
</template>
<script setup name="devConfigIndex">
	import SysConfig from './sysConfig.vue'
	import otherConfig from './otherConfig/index.vue'
	const key = ref('sysConfig')
	const noTitleKey = ref('sysConfig')
	const tabListNoTitle = [
		{
			key: 'sysConfig',
			tab: '系统配置'
		},
		{
			key: 'otherConfig',
			tab: '其他配置'
		}
	]
	const onTabChange = (value, type) => {
		if (type === 'key') {
			key.value = value
		} else if (type === 'noTitleKey') {
			noTitleKey.value = value
		}
	}
</script>
